<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
    <title><%- title %> - <%=__('other').logo%></title>

    <link rel='stylesheet' href='/stylesheets/bootstrap.css' />
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 0px;
        }
    </style>
    <link href="/media/css/style.css" rel="stylesheet" >
    <link href="/media/css/uniform.default.css" rel="stylesheet">
    <link href="/stylesheets/bootstrap-responsive.css" rel="stylesheet">
    <link rel="shortcut icon" href="/media/image/favicon.ico" />
    <link href="/stylesheets/main.css" rel="stylesheet"/>
    <link href="/validform/demo/css/demo.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="/validform/demo/css/style.css" type="text/css" media="all" />
    <script src="/javascripts/jquery.js"></script>
    <script src="/javascripts/bootstrap.js"></script>
    <script src="/My97DatePicker/WdatePicker.js"></script>
    <script src="/javascripts/bootstrap-paginator.min.js"></script>
    <script type="text/javascript" src="/validform/validform.js"></script>
    
    <script>
        $(function(){

            $("#<%- menu %>").attr('style','color:#000000;');
        })
        $(function(){
            //$(".registerform").Validform();  //就这一行代码！;

            $(".registerform").Validform({
                tiptype:2
            })


        })
    </script>
</head>
<body class="loginbody" style="background-color: #f3f1e6;margin-bottom: 40px">

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div style="background-color: #fff;margin-left: 0px;margin-right: 0px;width:100%;">
            <div class="container" >
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/" style="color: #c82113;font-size: 22px;margin-right: 50px">LikeChat.cn</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <ul class="nav">
                        <li id="menu1">
                            <img src="/images/partner.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                            <a href="/partnerDynimic" style="float: left;padding-left: 0px"><%= __('menu').title_1 %></a>
                            <div style="clear: both"></div>
                        </li>
                        <li id="menu2">
                            <img src="/images/active.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                            <a href="/coffee" style="float: left;padding-left: 0px"><%= __('menu').title_2 %></a>
                            <div style="clear: both"></div>
                        </li>
                        <li id="menu3">
                            <img src="/images/bbs.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                            <a href="/forumEntry" style="float: left;padding-left: 0px"><%= __('menu').title_3 %></a>
                            <div style="clear: both"></div>
                        </li>
                    </ul>
                </ul>
                <ul class="nav pull-right">
                    <!--<li><a href="javascript:void(0)" id="cg" style="padding-right: 40px;float: left;padding-left: 35px;padding-top: 10px" onclick="changconent()">注册</a></li>-->
                    <li><a href="/z">中文</a></li>
                    <li><a href="/u">English</a></li>
                    <li><a href="/" style="padding-right: 0px"><%= __('menu').title_6 %></a></li>
                </ul>
            </div>
            </div>
        </div>
    </div>
</div>
<div id="container" class="container">
    <% if (success) { %>
    <div id="warn1" class="alert alert-success" style="position:fixed;top: 40px;width:83%;z-index: 100" >
        <button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>
        <h4><%= success %></h4>
    </div>
    <% } %>
    <% if (error) { %>
    <div id="warn2" class="alert alert-error" style="position:fixed;top: 40px;width:83%;z-index: 100" >
        <button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>
        <h4><%= error %></h4>
    </div>
    <% } %>
    <script>
        setTimeout(function(){
            $("#warn1").fadeOut();
            $("#warn2").fadeOut();
        },3000)
    </script>
    <% Date.prototype.format = function (fmt) { //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;

    }%>


<div style="background:#fff;margin-top:60px;border-radius:5px;margin-bottom:45px;position: relative">
    <div style="position: absolute;top:250px;right: 30%">
        <h5><%= __('reg').h5 %><a href="/" style="color:blue;text-decoration:none "><%= __('reg').login %></a></h5>
    </div>
    <form class="form-horizontal registerform" method="post" >
	<fieldset style="padding-bottom:20px;">
		<legend style="padding-left:23%;border-bottom-width:0px;padding-top:15px;">
        <%= __('reg').title_reg %></legend>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input type="text" placeholder="<%= __('reg').user %>" class="inputxt"  name="username" datatype="/^[a-zA-Z]\w{4,12}$/" errormsg="用户名必须字母开头，长度为5-13个字符！">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input type="password" placeholder="<%= __('reg').pwd %>" class="inputxt"  name="password" datatype="s5-13" errormsg="密码为5-13的英文字符">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input recheck="password" type="password" placeholder="<%= __('reg').repeat %>" class="inputxt"  name="password-repeat" datatype="*" nullmsg="请再输入一次密码！" errormsg="您两次输入的密码不一致！">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input type="email" placeholder="<%= __('reg').email %>" class="inputxt"  name="email" datatype="e" errormsg="请输入正确的邮箱">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="control-group">
            <div class="controls" style="margin-left:200px;">

                <label class="radio inline span1">
                    <input type="radio" name="gender" value="1" checked><%= __('reg').male %></label>
                <label class="radio inline">
                    <input type="radio" name="gender" value="0"><%= __('reg').female %></label>
            </div>

        </div>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input type="text" placeholder="<%= __('reg').nickname %>" class="inputxt"  name="nickname" datatype="s2-15" errormsg="昵称为2-15个任意字符！">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="control-group">
            <table>
                <tr>
                    <td>
                        <label class="control-label" style="font-size: large"><span class="need" style="width:10px;">*</span ></label>
                    </td>
                    <td>
                        <input type="text" placeholder="<%= __('reg').age %>" class="inputxt"  name="age" datatype="n1-2" errormsg="年龄为0-99">
                    </td>
                    <td style="padding-top: 10px">
                        <span class="Validform_checktip"></span>
                    </td>
                </tr>
            </table>
        </div>
		<div class="control-group" style="margin-left:5%">
        <div class="controls">
			<input type="submit" value="<%= __('reg').reg_btn %>" style="display:block;width:150px;height:35px;background-color:#D26900;border: 1px solid #D26900;border-radius: 5px;outline: none;color:#fff;">
        </div>
		</div>
	</fieldset>
</form>
</div>

<%- include footer %>
